A data visualization development platform based on SprigBoot+Vue, with flexible drag-and-drop layout and rich general components to help you quickly build and iterate large screen pages of data.

Back-end architecture selection

1,	SpringBoot	Main framework
2,	JFinal	DB-based database operation
3,	Druid	Database connection pool
4、	Swagger2	Interface Test framework
5,	Maven	Project Construction management

Front-end architecture selection

1,	vue	mvvm framework
2,	vue-router	Route Management
3,	vuex	Status management
4,	axios	HTTP library
5,	echarts	Visual chart
6,	iview	UI component library
7,	jquery	Library

Feature

Native support multi-device automatic adaptation, truly achieve one development, multiple operations
Drag-and-drop page layout designer, support box selection components, component copy and paste, multi-component combination and other flexible designer functions
Runtime style editing to achieve everything you can imagine
Run time custom script editing, through a rich API interface, to help you achieve a richer page interaction effect
Rich component input and output animation, so that your page is no longer boring
Support for scalable Echarts chart configuration
Support for chart theme customization and switching at the engineering level and page level
Native support for multiple data source bindings (static data, API interfaces, database scripts, CSV data files)

Development environment deployment

Database initialization

< p data – track = “54” > using the database management tools, new database, named pagenow_open, then run the directory server/SRC/main/resources/db pagenow_open. Under the SQL script to initialize, there were a total of 7 tables open source version, As shown below

PageNow- Basic open source data visualization development platform插图1

< Back-end program start

Note: JDK version 1.7 or above is recommended, please configure environment variables by yourself.

Use the IDEA development tool, directly open the server directory, and then run mvn related commands to install related dependency packages. Generally, IDEA will automatically download related dependency packages

Open the db.properties configuration file in the resources directory as shown below

PageNow- Basic open source data visualization development platform插图2

Modify the relevant database connection configuration

Then open the application.properties configuration file

in the resources directory

PageNow- Basic open source data visualization development platform插图3

In this configuration file, you need to modify the configuration in the red box. File. uploadFolder is configured as the system attachment storage directory. The configuration is based on your operating system environment. Then configure the absolute path to the file.uploadFolder with a slash at the end.

Then right-click on the main file PagenowApplication and select Run ‘PagenowApplication’ to run

PageNow- Basic open source data visualization development platform插图4

Open the browser and input localhost:8090 to verify the normal operation, as shown in the following picture, which proves that the back-end program runs successfully

PageNow- Basic open source data visualization development platform插图5

Front-end program start

Open the web directory using webstorm, then run the command to install the dependencies:

yarn install

Note: The PageNow project does not support the use of npm to install dependency packages and start the project; otherwise, the project cannot start. If yarn is not installed, you can install it by yourself.

PageNow- Basic open source data visualization development platform插图6

Modify the env configuration file

PageNow- Basic open source data visualization development platform插图7

Front-end projects start using port 8081 by default, which can be modified in the vue.config.js file. Run the following command to start the project:

yarn serve

After the startup is successful, open the browser and enter
http://localhost:8081/pagenow can access the system < / p >

资源下载此资源为免费资源立即下载

Telegram:@John_Software

collect(0) Like (0)

Disclaimer: This article is published by a third party and represents the views of the author only and has nothing to do with this website. This site does not make any guarantee or commitment to the authenticity, completeness and timeliness of this article and all or part of its content, please readers for reference only, and please verify the relevant content. The publication or republication of articles by this website for the purpose of conveying more information does not mean that it endorses its views or confirms its description, nor does it mean that this website is responsible for its authenticity.

Ictcoder Free source code PageNow- Basic open source data visualization development platform https://ictcoder.com/kyym/pagenow-basic-open-source-data-visualization-development-platform.html

lllll

Share free open-source source code

Previous article： Easy-Es is an open source framework for simplifying ElasticSearch search engine operations

Next article： TeamVision: Efficient software project management, collaboration tool

Q&A

What is the delivery method?

1, automatic: after taking the photo, click the (download) link to download; 2. Manual: After taking the photo, contact the seller to issue it or contact the official to find the developer to ship.

View details

How long is the trading cycle?

1, the default transaction cycle of the source code: manual delivery of goods for 1-3 days, and the user payment amount will enter the platform guarantee until the completion of the transaction or 3-7 days can be issued, in case of disputes indefinitely extend the collection amount until the dispute is resolved or refunded!

View details

Matters needing attention

1. Heptalon will permanently archive the process of trading between the two parties and the snapshots of the traded goods to ensure that the transaction is true, effective and safe! 2, Seven PAWS can not guarantee such as "permanent package update", "permanent technical support" and other similar transactions after the merchant commitment, please identify the buyer; 3, in the source code at the same time there is a website demonstration and picture demonstration, and the site is inconsistent with the diagram, the default according to the diagram as the dispute evaluation basis (except for special statements or agreement); 4, in the absence of "no legitimate basis for refund", the commodity written "once sold, no support for refund" and other similar statements, shall be deemed invalid; 5, before the shooting, the transaction content agreed by the two parties on QQ can also be the basis for dispute judgment (agreement and description of the conflict, the agreement shall prevail); 6, because the chat record can be used as the basis for dispute judgment, so when the two sides contact, only communicate with the other party on the QQ and mobile phone number left on the systemhere, in case the other party does not recognize self-commitment. 7, although the probability of disputes is very small, but be sure to retain such important information as chat records, mobile phone messages, etc., in case of disputes, it is convenient for seven PAWS to intervene in rapid processing.

View details

Systemhere declaration

1. As a third-party intermediary platform, Qichou protects the security of the transaction and the rights and interests of both buyers and sellers according to the transaction contract (commodity description, content agreed before the transaction); 2, non-platform online trading projects, any consequences have nothing to do with mutual site; No matter the seller for any reason to require offline transactions, please contact the management report.

View details